﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>post.html</title>
    <style type="text/css">
        #mainbody
        {
            width: 620px;
            font-family: Verdana;
            font-size: 12px;
        }
        #labelstyle
        {
            color: #3B5888;
            font-weight: bold;
        }
        #mainheader
        {
            background-color: #F5F5F5;
            border-style: solid solid solid solid;
            border-width: 1px;
            border-color: #CCCCCC;
            height: 20px;
            padding-top: 3px;
            padding-bottom: 3px;
            padding-right: 5px;
            padding-left: 5px;
            margin-bottom: 5px;
        }    
        #citylist
        {
            display: none;
            left: 140px;
            margin-top: -12px;
            border: solid 1px #000000;
            background-color: White;
            width: 240px;
            color: #A1A1A1;
            position: absolute;
        }
        #citylist ol
        {
            list-style-type: none;
            margin-left: 0px;
            padding-left: 0px;
            float: left;
            margin-top: 0px;
            margin-bottom: 0px;
        }
        #citylist ol li
        {
            width: 40px;
            height: 20px;
            padding-top: 5px;
            padding-left: 8px;
            white-space: nowrap;
            float: left;
        }
        #citylist a
        {
            color: #A1A1A1;
            text-decoration: none;
        }
        #citylist a:hover
        {
            text-decoration: underline;
        }
        #mainmap
        {
            height: 360px;
            margin-top: 5px;
            margin-bottom: 5px;
            padding: 2px 2px 2px 2px;
        }
        #mainlist
        {
            height: 200px;
            margin-bottom: 5px;
        }
        #listhead
        {
            border-top-color: #3B5998;
            border-top-style: solid;
            border-top-width: 1px;
            background-color: #D8DFEA;
            height: 15px;
            padding-top: 2px;
            padding-bottom: 2px;
        }
        #listcontainer
        {
            height: 180px;
        }
        #containerleft
        {
            width: 204px;
            height: 164px;
            padding: 8px;
            float: left
        }
        #containerright
        {
            width: 383px;
            height: 164px;
            padding: 8px;
            border-left-color: #CCCCCC;
            border-left-width: 1px;
            border-left-style: solid;
            float: right;
        }
        #mainfoot
        {
            border-top-color: #CCCCCC;
            border-top-width: 1px;
            border-top-style: solid;
            padding-top: 3px;
            margin-top: 3px;
        }          
    </style>
    <script language="javascript">
        function showCityList()
        {
            document.getElementById("citylist").style.display = "block";
        }
        function hideCityList()
        {
            document.getElementById("citylist").style.display = "none";
        }
        function setCurrentCity(str)
        {
            document.getElementById("currentcity").innerHTML = str;
        }
    </script>
</head>
<body>
    <div id="mainbody">
        <div id="mainheader">
            <span id="labelstyle" style="margin-left: 10px; margin-right: 5px;">所在城市：</span>
            <span style="margin-left:5px; margin-right: 5px;" id="currentcity">北京</span>
            <span style="margin-left: 5px; margin-right: 5px;"><a href="javascript:void(0)" onmouseover="showCityList();" onmouseout="hideCityList();" style="text-decoration: none;">[切换城市]</a></span>
            <span id="labelstyle" style="margin-left: 10px; margin-right: 5px;">关键词</span>
            <input type="text" id="keyword" name="keyword" size=30 />
            <input type="button" id="keybutton" name="keybutton"
                style="background: transparent url(static_dir/search.gif) no-repeat scroll 0 0; border-width:0px;" />
        </div>
        <div id="citylist"  onmouseover="showCityList();" onmouseout="hideCityList();">
            <ol>
                <li><a href="javascript:void(0);" onclick="setCurrentCity('北京')">北京</a></li>
                <li><a href="javascript:void(0);" onclick="setCurrentCity('上海')">上海</a></li>
                <li><a href="javascript:void(0);" onclick="setCurrentCity('广州')">广州</a></li>
                <li><a href="javascript:void(0);" onclick="setCurrentCity('深圳')">深圳</a></li>
                <li><a href="javascript:void(0);" onclick="setCurrentCity('杭州')">杭州</a></li>
                <li><a href="javascript:void(0);" onclick="setCurrentCity('苏州')">苏州</a></li>
                <li><a href="javascript:void(0);" onclick="setCurrentCity('成都')">成都</a></li>
                <li><a href="javascript:void(0);" onclick="setCurrentCity('济南')">济南</a></li>
                <li><a href="javascript:void(0);" onclick="setCurrentCity('郑州')">郑州</a></li>
                <li><a href="javascript:void(0);" onclick="setCurrentCity('青岛')">青岛</a></li>
                <li><a href="javascript:void(0);" onclick="setCurrentCity('沈阳')">沈阳</a></li>
                <li><a href="javascript:void(0);" onclick="setCurrentCity('天津')">天津</a></li>
                <li><a href="javascript:void(0);" onclick="setCurrentCity('重庆')">重庆</a></li>
                <li><a href="javascript:void(0);" onclick="setCurrentCity('武汉')">武汉</a></li>
                <li><a href="javascript:void(0);" onclick="setCurrentCity('长沙')">长沙</a></li>
            </ol>
            <table  style="height: 30px; width: 240px; background-color: #EEEEEE"><tr><td><span style="float: right; margin-right: 20px;">更多城市</span></td></tr></table>
        </div>
        <div id="mainmap">

            <div id="mapObj" style="height: 355px; border-style: solid solid solid solid; border-color: #CCCCCC; border-width: 1px;"></div>
            <SCRIPT LANGUAGE="JavaScript">
                //////////flash引擎///////////////
                var city_center_index="fjtekqrposNKGE,hrlphplnJOOE"; // TBD 关于地图中心，应该是以用户所在城市为核心
                //创建地图对象
                var mapOptions = new MMapOptions();
                mapOptions.mapId = "fmptest";
                mapOptions.zoomLevel = 10; // TBD，zoomlevel可能需要调整
                mapOptions.center = new MLatLng(city_center_index);
                //创建地图对象
                var mapObj = new MMap("mapObj", mapOptions);
                function mapInited(event){
                    mapObj.showNavigator(true); // TBD，需要决定，是否show navigator
                    mapObj.setCompassScale(50);
                }
                mapObj.addEventListener(MMap.EVENT_MAP_INITIALIZED, mapInited);
                //////////flash引擎 end////////////
            </SCRIPT>
        </div>
        <div id="mainlist">
            <div id="listhead">
                <span style="color: #3B5888; margin-left: 15px; margin-right: 5px;"><strong>Detail：</strong></span>
            </div>
            <div id="listcontainer">

                <div id="containerleft">
                    <span><strong>全聚德烤鸭（前门店）</strong></span> <br />
                    <span style="color: #CCCCCC">类型：餐饮</span> <br />
                    电话：010-68784543 <br />
                    地址：朝阳区曙光里190号，朝阳区曙190号朝阳区曙光里190号朝<br />
                </div>

                <div id="containerright">
                    <span style="color: #3B5888;"><strong>人均消费：</strong></span>&nbsp;<input type="text" id="fcomsuption" name="fcomsuption" size="4" /><br />
                    <span style="color: #3B5888;"><strong>服务态度：</strong></span>
                    <select id="fservice" name="fservice">
                        <option>极好</option>
                        <option>好</option>
                        <option selected="selected">一般</option>
                        <option>差</option>
                        <option>极差</option>
                    </select>
                    <br />
                    <span style="color: #3B5888;"><strong>用户评论：</strong></span>
                    <textarea id="fcontent" name="fcontent" rows="5" cols="30"></textarea>
                    <br />
                    <input type="submit" value="提交" />
                    <br />
                </div>
            </div>
        </div>        
        <div id="mainfoot" style="font-family: Verdana; font-size: 12px;">
            <div style="float: left; width: 490px; padding-top: 12px; padding-right: 3px; text-align: right;/*margin-left: 290px; margin-top: 15px; float: left*/">
                <span style="font-family: Verdana; font-size: 10px; color: #CCCCCC">powered py</span>
                <span style="font-family: Verdana; font-size: 16px;"><a href="http://mapabc.com/" target="_blank"><strong>MapABC.com</strong></a></span>
                <span style=" font-family: Times New Roman; font-size: 10px">&</span>

            </div>
            <div style="float: right;/*position: relative; top: 3px; right: 5px; margin-left: 495px*/">
                <a href="http://code.google.com/appengine" target="_blank"><img src="static_dir/appengine-silver-120x30.gif" border="0" /></a>
            </div>
        </div>
    </div>
</body>
</html>
